/* 定义瀑布流的列数和间距等样式 */
.shop-box{
    width: 100%;
    height: 100%;
    background-color: #fff;
}

.waterfall-flow {
    column-count: 2; /* 设置为3列，你可以根据喜好调整列数 */
    column-gap: 10px; /* 列与列之间的间距 */
}

/* 定义每个商品项的样式 */
.waterfall-item {
    break-inside: avoid; /* 避免商品项内部内容在列中被截断 */
    margin-bottom: 10px;
    padding: 5px;
    /* border: 1px solid #ccc; */
    border-radius: 5px;
    box-sizing: border-box;
}

.waterfall-item img {
    border-radius: 5px;
    width: 100%;
    height: auto; /* 保持图片宽高比自适应 */
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.loading{
    text-align: center;
    padding: 10px;
}